 <?php
require_once "config.php";
require_once "filter.php";
require_once "GoogleAPI.php";
require_once "FacebookAPI.php";
require_once "Connection.php";

session_start();

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-TW" lang="zh-TW">

<head>
  <title>ULikeWall</title>

  <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />  
  <meta name="keywords" content="ULikeWall" />
  <meta name="description" content="ULikeWall" />
  <meta property="og:title" content="ULikeWall"/>
  <meta property="og:url" content="www.ulikewall.com"/>
  <meta property="og:site_name" content="ULikeWall"/>
  <meta property="og:description" content="ULikeWall"/>
  
  <link type="text/css" href="styles/css/jquery-ui-1.8.11.custom.css" rel="stylesheet" />
  <link rel="stylesheet" type="text/css" href="styles/css/html.css" media="screen, projection, tv " />
  <link rel="stylesheet" type="text/css" href="styles/css/layout.css" media="screen, projection, tv" />
  <link rel="stylesheet" type="text/css" href="styles/css/print.css" media="print" />	
  <script src="styles/js/jquery.js" type="text/javascript"></script>
  <script src="styles/js/ajax.js" type="text/javascript"></script>
  <script src="styles/js/ulikewall.js" type="text/javascript"></script>
  <script type="text/javascript" src="styles/js/jquery-ui-1.8.11.custom.min.js"></script>
  <script type="text/javascript">
      $(function(){
      
          // Tabs
          $( "#tabs" ).tabs({
			ajaxOptions: {
				error: function( xhr, status, index, anchor ) {
					$( anchor.hash ).html(
						"Couldn't load this tab. We'll try to fix this as soon as possible. " +
						"If this wouldn't be a demo." );
				}
			}
		 });

          //hover states on the static widgets
          $('#dialog_link, ul#icons li').hover(function(){
              $(this).addClass('ui-state-hover');
          }, function(){
              $(this).removeClass('ui-state-hover');
          });
          
      });
  </script>
  <style type="text/css">
      /*demo page css*/
      body {
          font: 62.5% "Trebuchet MS", sans-serif;
          /*margin: 50px;*/
      }
      
      .demoHeaders {
          margin-top: 2em;
      }
      
      #dialog_link {
          padding: .4em 1em .4em 20px;
          text-decoration: none;
          position: relative;
      }
      
      #dialog_link span.ui-icon {
          margin: 0 5px 0 0;
          position: absolute;
          left: .2em;
          top: 50%;
          margin-top: -8px;
      }
      
      ul#icons {
          margin: 0;
          padding: 0;
      }
      
      ul#icons li {
          margin: 2px;
          position: relative;
          padding: 4px 0;
          cursor: pointer;
          float: left;
          list-style: none;
      }
      
      ul#icons span.ui-icon {
          float: left;
          margin: 0 4px;
      }
  </style>

</head>

<body id="editListBody" >
    <div id="tabs" >
        	<ul>
        		<li><a href="#tabs-1">管理訂閱</a></li>
				<li><a href="#tabs-2">管理分類</a></li>
				
			</ul>
			<div id="tabs-1">
				<?php include_once "editList.php"?>
			</div>
			<div id="tabs-2">
				<?php include_once "editCategory.php"?>
			</div>
			
    </div>
</body>

</html>